<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload= function (){
            //获取body标签
            //var body = document.body;
            var body = document.body;
            /*
            * var html = document.documentElement;
            *   保存的是html根标签
            *
            * */
            var html = document.documentElement;

            /*
            * var all = document.all;
            *   检查时是undefineds
            *all = document.getElementsByTagName("*");
            *   页面中的元素
            *
            * */
            var all = document.all;

            all = document.getElementsByTagName("*");

            /*
            * 根据元素的class属性查询一组元素节点对象
            *
            * */

            var box1 = document.getElementsByClassName("box1");

            //获取所有的div
            var divs = document.getElementsByTagName("div");

            //获取页面中的所有div
            //document.querySelector()
            //只会返回第一个

            var div = document.querySelector(".box div");
            var box1 = document.querySelector("box1");

            /*
            * var box1 = document.querySelectorAll();
            *       这个方法可以返回一个数组
            * */
            var box1 = document.querySelectorAll(".box1");



        }
    </script>
</head>
<body>
    <div id="box1">
        <div></div>
    </div>
    <div></div>
</body>
</html>